*{margin: 0px;padding: 0px;}
body{min-width:1200px;background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a{text-decoration: none;}
li{list-style-type:none;}
ul,ol{list-style-type: none;list-style-image: none;}

/*清除浮动*/

 
.main{

	width: 1200px;
	margin:0 auto;

}

.top{

	width: 100%;
	height: 40px;
	background: #eeeeee;

}

.top p{

	float: left;
	font-size: 14px;
	color:#3c3c3c;
	line-height: 40px;

}

.top ul{

	float: right;
	height: 40px;
	overflow: hidden;

}

.top ul li{

	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 40px;
	position: relative;

}

.top ul li:after{

	content: "";
	width: 1px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	background: #6d6d6d;

}

.top ul li a{

	color:#3c3c3c;
	font-size: 14px;

}

.top ul li:last-child:after{

	width: 0;
	height: 0;
	overflow: hidden;

}

.head{

	width: 100%;
	height:110px;
	overflow: hidden;

}

.head .name{

 	position: relative;
 	top: 50%;
 	float: left;
 	transform: translateY(-50%);

}

.head img{

	display: block;

}

.head  .tel{

	float: right;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	
}

.head .main{

	height: 110px;
	overflow: hidden;

}

.nav{

	width: 100%;
	height: 55px;
	background:#ff9900;
	border-bottom: 2px solid #bf7300;

}

.nav ul{

	width: 1200px;
	margin:0 auto;
	height: 55px;
	overflow: hidden;

}

.nav ul li{

	float: left;
	width: 171px;
	height: 55px;
	position: relative;
	overflow: hidden;
	text-align: center;
	line-height: 55px;

}

.nav ul li a{

	color:#fff;
	font-size: 16px;

}

 

.nav ul li:after{

	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #cc7a00;

}

.nav ul li:last-child:after{

	width: 0;
	height: 0;
	overflow: hidden;

}

.banner{ 

	max-width: 1920px;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:auto;

 overflow:hidden; 

 position:absolute; 

 left:45%; 

 bottom:10px; 

 z-index:1; 

}

.banner .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 



}

.banner .hd ul li{

 float:left; 

 margin-right:25px;  

 width:15px; 

 height:15px; 

 border-radius: 50%;

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 background:rgba(0,0,0, 0.3)
 

}

.banner .hd ul li.on{

 background:#ff9900;

 border: 1px solid #ff9900;

  

}

.banner .bd{

 position:relative; 

  z-index:0; 

  width: 100%; 

}

.banner .bd li{

 zoom:1; 

 vertical-align:middle; 

}

.banner .bd img{

	width:100%; 

	display:block; 

}

.banner .prev,

.banner .next{

 position:absolute; 

 left:3%; 

 top:50%;

 margin-top:-3%;

 display:block; 

 width:32px;

 height:40px;  

 filter:alpha(opacity=50);opacity:0.5;   

}

.banner .next{

 left:auto; right:3%; 

 background-position:8px 5px; 

}

.banner .next {

	font-size: 

	58px;color:#fff;

}

.banner .prev{

	font-size: 

	58px;color:#fff;

}

.banner .prev:hover,

.banner .next:hover{

	filter:alpha(opacity=100);opacity:1;  

}

.banner .prevStop{ 

	display:none;  

}

.banner .nextStop{ display:none;  

}







.hot{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	position: relative;

	overflow: hidden;

	margin-top: 50px;

}

.title{

	width: 416px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	background: url(../images/tit01.png)no-repeat center;



}

.title p{

	color:#000000;

	font-size: 30px;

	text-align: center;

}

.title span{

	display: block;

	color:#555;

	font-size: 14px;

	text-align: center;

	margin-top: 5px;

}

.hot .bd{

	width: 1100px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.hot .next,.hot .prev{

	position: absolute;

}

.hot .next{

	left: 0;

	top: 140px;

}

.hot .prev{

	right: 0;

	top: 140px;

}

.hot .bd ul li{

	float: left;

	width: 265px;

	height: auto;

	overflow: hidden;

	margin-right: 12px;

}

.hot .bd ul li img{

	display: block;

	width: 253px;

	height: 188px;

	border: 1px solid #d2d2d2;

	margin: 4px;

}

.hot .bd ul li div{

	width: 263px;

	height: 198px;

	border: 1px solid  #d2d2d2;

}

.hot .bd ul li p{

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	color:#000000;

}

.hot .bd ul li:hover div {

	border: 1px solid #ff9900;

}

.hot .bd ul li:hover  p{

	color:#ff9900;;

}





.item{

	max-width: 1600px;

	margin: 0 auto;

	height: 760px;

	background: url(../images/bg01.png)no-repeat center;

	margin-top: 40px;

	overflow: hidden;

}

.item .main{

	background: #fff;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}



.item .list{

	float:left;

	width: 260px;

	height: auto;

	min-height: 620px;

	padding-bottom: 20px;

	overflow: hidden;

	background: #ff9900;

 

}

.item .list .tit{

	width: 100%;

	height: 94px;

	overflow: hidden;

	border-bottom: 1px solid #cc7a00;

}



.item .list .tit p{

	text-align: center;

	font-size: 20px;

	color:#fff;

	font-weight: bold;

	text-align: center;

	margin-top: 25px;

}

.item .list .tit  span{

	display: table;

	padding: 0 40px;

	margin: 0 auto;

	color:#fff;

	font-size: 14px;

	text-align: center;

	margin-top: 5px;

	position: relative;

}

.item .list .tit  span:after{

	content: "";

	width: 25px;

	height: 1px;

	position: absolute;

	right: 0;

	top: 50%;

	background: #fff;

}

.item .list .tit  span:before{

	content: "";

	width: 25px;

	height: 1px;

	position: absolute;

	left: 0;

	top: 50%;

	background: #fff;

}



.item .list ul li{

	width: 100%;

	height: 47px;

	line-height: 47px;

	position: relative;

	margin-top: 10px;



}

.item .list ul li:after{

	content: "";

	width: 25px;

	height: 16px;

	position: absolute;

	left: 30px;

	background: url(../images/icon01.png)no-repeat center;

	top: 50%;

	margin-top: -8px;

}

.item .list ul li a{

	color:#fff;

	font-size: 16px;

	margin-left: 60px;

}

.item .list ul li:hover{

	background: #cc7a00;

}



.item .right{

	float: right;

	width: 890px;

	height: auto;

	overflow: hidden;

	margin-right: 25px;

 

}



.item .focus{

	width: 890px;

	height: 320px;

	position: relative;

	margin-top: 25px;

}



.item .focus .bd ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.item .focus .bd ul li img{

	display: block;

	width: 890px;

	height: 320px;

}



.item .focus .bd ul li div{

	width: 100%;

	height: 40px;

	position: absolute;

	left:0;

	background:rgba(0,0,0,0.5);

	bottom: 0;

}

.item .focus .bd ul li p{

	color:#fff;

	font-size: 16px;

	line-height: 40px;

	margin-left: 20px;

	width: 580px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.item .focus .hd{

	position: absolute;

	right: 0;

	bottom: 0;

	height: 40px;

}

.item .focus .hd ul li{

	float: left;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #fff;

	margin-right: 10px;

	margin-top: 15px;



}

.item .focus .hd ul .on{

	background: #ff9900;

}



.item .show{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.item .show .box{

	width: 400%;

}

.item .pic{

	float: left;

}

.item .pic ul li{

	float: left;

	width: 288px;

	height: auto;

	margin-left: 12px;

	overflow: hidden;

	border: 1px solid #d2d2d2;

}



.item .pic ul li img{

	display: block;

	width: 278px;

	height: 198

	border: 1px solid #d2d2d2;

	margin: 5px;

	margin-bottom: 0;

}

.item .pic ul li  p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	font-size: 15px;

	color:#333333;

	text-align: center;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.item .pic ul li:hover {

	border: 1px solid #ff9900;

}

.item .pic ul li:hover  p{

	color:#ff9900;;

}

.gg{

	max-width: 1600px;

	margin: 0 auto;

	height: 261px;

	margin-top: 25px;

	background: url(../images/gg.png)no-repeat center;

}



.adv{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 50px;

}

.adv .next,.adv .prev{

	position: absolute;

	top: 400px;

}



.adv .prev{

	right: 0;

}

.adv .bd{

	width: 1040px;

	margin: 0 auto;

	margin-top: 40px;

}



.adv .bd ul li{

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.adv .bd ul li img{

	display: block;

	width: 100%;

	height: 400px;

}

.adv .bd .intro{

	width: 540px;

	height: 270px;

	position: absolute;

	right: 0;

	top:66px;

	background: rgba(255,255,255,0.8);

}

.adv .bd .intro .tit{

	width: 257px;

	height: 56px;

	margin-top: -16px;

	margin-left: 20px;

	background: url(../images/tit02.png)no-repeat center;

}

.adv .bd .intro .tit p{

	color:#fff;

	font-size: 30px;

	line-height: 56px;

	text-align: center;

}



.adv .bd .intro  h4{

	font-size: 20px;

	color:#ff9900;

	margin-top: 30px;

 

}

.adv .bd .intro  .info{

	width: 480px;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

	margin-left: 33px;

}

.adv .bd .intro  .info .text{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}



.adv .bd .intro  .info .text p{

	color:#333333;

	font-size: 16px;

	position: relative;

	line-height: 24px;

	margin-left: 15px;

	margin-bottom:5px;

}

.adv .bd .intro  .info .text p:after{

	content: "●";

	position: absolute;

	left: -15px;

	top: 0;

	font-size: 15px;

	color:#959595;

	font-size: 16px;

}



.adv .hd {

	width: 841px;

	margin: 0 auto;

	background: url(../images/icon02.png)repeat-x  left center;

	height: 40px;

	margin-top: 35px;

}

.adv .hd ul li{

	float: left;

	width: 23px;

	height: 23px;

	position: relative;

	border: 1px solid #fff;

	border-radius: 50%;

	background: #fff;

	margin-left: 179px;

	margin-top: 8px;

}

.adv .hd ul li:nth-child(1){

	margin-left: 0;

}

 

.adv .hd ul li:after{

	content: "";

	width: 13px;

	height: 13px;

	border-radius: 50%;

	position: absolute;

	left: 5px;

	top: 5px;

	border: 1px solid #b5b5b5;

}



.adv .hd ul .on:after{

	background: #ff9900;

	width: 11px;

	height: 11px;

	border: 1px solid #ff9900;

}

.adv .hd ul .on{

	border: 1px solid  #ff9900;

}





.lc{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 40px;

}

.lc:after{

	content: "";

	width: 100%;

	position: absolute;

	left: 0;

	top: 180px;

	height: 1px;

	background: #d2d2d2;

}

.lc .tit p{

	color:#ff9900;

	font-size: 30px;

	text-align: center;

	text-transform: uppercase;

}



.lc .tit span{

	display: block;

	color:#333333;

	font-size: 24px;

	text-align: center;

}



.lc ul{

	width: 1200px;

	margin: 0 auto;

	height:auto;

	overflow: hidden;

	margin-top: 40px;

}



.lc ul li{

	width: 128px;

	height: 128px;

	float: left;

	margin-left: 22px;

	border: 1px solid #acacac;

	z-index: 100;

	background: #fff;

	position: relative;

}

.lc ul li:nth-child(1){

	margin-left: 0;

}



.lc ul li div{

	width: 70px;

	height: 51px;

	margin: 0 auto;

	margin-top: 22px;

	position: relative;

}

.lc ul li img{

	display: block;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

}



.lc ul li p{

	width: 100%;

	text-align: center;

	font-size: 16px;

	text-align: center;

	color:#555555;

	line-height: 30px;

	margin-top: 10px;

}

.lc ul li img:last-child{

	display: none;

}

.lc ul li:hover {

	background: #ff9900;

}



.lc ul li:hover img{

	display: none;

}

.lc ul li:hover img:last-child{

	display: block;

}

.lc ul li:hover p{

	color:#fff;

}





.cases{

	width: 100%;

	height: 450px;

	background: #eeeeee;

	overflow: hidden;

	margin-top: 50px;

}

.cases .title{

	margin-top: 70px;

}

.cases .main{

	position: relative;

}

.cases .bd{

	width: 1100px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 35px;

}

.cases .next,.cases .prev{

	position: absolute;

}

.cases .next{

	left: 0;

	top: 140px;

}

.cases .prev{

	right: 0;

	top: 140px;

}

.cases .bd ul li{

	float: left;

	width: 265px;

	height: auto;

	overflow: hidden;

	margin-right: 12px;

}

.cases .bd ul li img{

	display: block;

	width: 253px;

	height: 188px;

	border: 1px solid #d2d2d2;

	margin: 4px;

}

.cases .bd ul li div{

	width: 263px;

	height: 198px;

	border: 1px solid  #d2d2d2;

}

.cases .bd ul li p{

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	color:#000000;

}

.cases .bd ul li:hover div {

	border: 1px solid #ff9900;

}

.cases .bd ul li:hover  p{

	color:#ff9900;;

}





.about{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}





.about .intro{

	width: 1075px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

}



.about .intro p{

	color:#555555;

	font-size: 14px;

	line-height: 28px;

	text-align: center;

}



.about ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}

.about ul li{

	float: left;

	width: 300px;

	height: auto;

	overflow: hidden;

}



.about ul li .pic{

	width: 300px;

	height: 220px;

}

.about ul li .pic img{

	display: block;

	width: 300px;

	height: 220px;

}

.about ul li .info{

	width: 300px;

	overflow: hidden;

	height: 240px;

	background: url(../images/bg02.png)no-repeat center;

	margin-top: -20px;

	position: relative;

}

.about ul li:nth-child(2n) .info{

	background: url(../images/bg03.png)no-repeat center;

	margin: 0;

}

.about ul li:nth-child(2n) .pic{

	margin-top: -20px;

}





.about ul li .info p{

	color:#000000;

	font-size: 20px;

	text-align: center;

	margin-top: 67px;

}



.about ul li .info span{

	display:table;

 	max-width: 220px;

	margin: 0 auto;

	height: auto;

	margin-top: 10px;

	color:#000000;

	font-size: 16px;

	line-height: 28px;

	overflow: hidden;

}

.about ul li .info  a{

	color:#fff;

}



.about ul li:nth-child(2n) .info p{

	color:#fff;

}

.about ul li:nth-child(2n) .info span{

	color:#fff;

}





.news{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}

.news .left{

	float: left;

	width: 400px;

	height: 400px;

	overflow: hidden;

	background: #eeeeee;

	margin-top: 30px;

}

.news .left img{

	display: block;

	width: 400px;

	height: 200px;

}

.news .left h4{

	width: 380px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	color:#ff9900;

	font-size: 18px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-weight: normal;

    margin-top:15px;



}

.news .left span{

	display: block;

	margin-left: 10px;

	color:#999999;

	font-size: 12px;

	margin-top: 10px;

}



.news .left p{

	color:#999999;

	font-size: 13px;

	line-height: 25px;

	width: 380px;

	margin: 0 auto;

	margin-top: 10px;

	  display: -webkit-box;

  -webkit-line-clamp:4;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.news  ul{

	float: right;

	width: 780px;

	height: 400px;	

	margin-top: 30px;

}

.news  ul li{

	width: 100%;

	height: 80px;

	background: #eeeeee;

	margin-bottom: 2px;

}



.news  ul li .num{

	display: block;

	float: left;

	width: 68px;

	height: 68px;

	border-right: 1px solid #acacac;

	font-size: 36px;

	text-align: center;

	line-height: 68px;

	color:#333333;

	margin-top: 6px;

}

.news  ul li  .info{

	float: left;

	width: 670px;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

	margin-left: 20px;

}

.news  ul li  .info h4{

	color:#555555;

	font-size: 18px;

	float: left;

	width: 530px;

	font-weight: normal;

	float: left;

}

.news  ul li  .info span{

	display: block;

	float: right;

	font-size: 12px;

	color:#999999;

}

.news  ul li  .info p{

	width: 100%;

	margin-top: 5px;

	color:#999999;

	font-size: 13px;

	margin-top: 10px;

	float: left;

}

.news  ul li:hover h4{

	color:#ff9900;

}



.mssg{

	width: 100%;

	height: 520px;

	margin-top: 65px;

	background: #f3f3f3;

}

.mssg .main{

	position: relative;

	height: 520px;

}

.mssg img{

	display: block;

 	position: absolute;

 	left: 0;

 	bottom: 0;

}

.mssg .right{

	float: right;

	width: 480px;

	height: 520px;

	background: #fff;

}

.mssg .right .tit{

	display: table;

	margin: 0 auto;

	margin-top:20px;

}

.mssg .right .tit p{

	color:#ff9900;

	font-size: 24px;

	font-weight: bold;

	margin-top: 2px;

	float: left;

}

.mssg .right .tit span{

	display: block;

	float: left;

	font-size: 28px;

	font-weight: bold;

	color:#ff9900;

}





.mssg .right form{

	width: 430px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 30px;

}



.mssg .right form ul li{

	width: 100%;

	height: 35px;

	line-height: 35px;

	margin-bottom: 20px;

	position: relative;

}

.mssg .right form ul li p{

	float: left;

	font-size: 14px;

	color:#333333;

	font-weight: bold;

}

.mssg .right form ul li input{

	width: 330px;

	height: 30px;

	margin-left: 5px;

	outline: none;

	background: none;

	border:1px solid #d2d2d2;

}

.mssg .right form ul li:after{

	content: "*";

	position: absolute;

	right: 0;

	top: 0;

	color:#ff8d8d;

}



.mssg .right .btn{

	width: 173px;

	height: 44px;

	background: url(../images/btn.png)no-repeat center;

	color:#fff;

	font-size: 16px;

	font-weight: bold;

	border: none;

	margin-left: 80px;

	margin-top: 20px;

	outline: none;

}





.cont{

	width: 100%;

	height: 122px;

	overflow: hidden;

	background: #ff9901;



}



.cont ul{

	width: 1080px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.cont ul li{

	float: left;

	width: 340px;

	height: auto;

	overflow: hidden;

	margin-left: 30px;

}

.cont ul li img{

	display: block;

	float: left;

	height: 43px;

	margin-top: 15px;

}

.cont ul li .info{

	float: left;

	border-left: 1px solid #cc7a00;

	height: 112px;

	width: 230px;

	margin-left: 15px;

	padding-left: 10px;

}



.cont ul li .info p{

	color:#fff;

	font-size: 16px;



}

.cont ul li .info span{

	font-size: 16px;

	color:#fff;

	margin-top: 10px;

	display: block;

	width: 100%;

}

.cont ul li .info b{

	color:#fff;

	font-size: 16px;

	display: block;

 	float: left;

	 

}

.cont ul li:nth-child(1){

	margin-left:0;

}

.cr{

	width: 100%;

	height: 100px;

	border-top: 1px solid #cc7a00;

	background: #ff9900;

}



.cr p{

	color:#fff;

	line-height: 20px;

	text-align: center;

	font-size: 14px;
	
	margin-top: 20px;

}

.cr a{

	color:#fff;

}







.in-banner{

	width: 100%;

}

.in-banner img{

	display: block;

	width: 100%;

}

.content{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 28px;

}

.content .left{

	float: left;

	width: 260px;

	height: auto;

	overflow: hidden;

}

.content .left-pro{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 20px;

	background: #ff9900;

}

.content .left .tit{

	width: 100%;

	background: #ff9900;

	height: 95px;

	overflow: hidden;



}

.content .left .tit p{

	text-align: center;

	font-size: 20px;

	color:#fff;

	font-weight: bold;

	margin-top: 25px;

}

.content .left .tit span{

	display: block;

	color:#fff;

	font-size: 14px;

	text-align: center;

	width: 195px;

	margin: 0 auto;

	margin-top: 5px;

	position: relative;

}



.content .left .tit span:after{

	content: "";

	width: 25px;

	position: absolute;

	height: 1px;

	background: #fff;

	left: 0;

	top: 50%;

}

.content .left .tit span:before{

	content: "";

	width: 25px;

	position: absolute;

	height: 1px;

	background: #fff;

	right: 0;

	top: 50%;

}



.content .left-pro ul{

	height: auto;

	overflow: hidden;

 	border-top: 1px solid #cc7a00;

 	padding-top: 10px;

}

.content .left-pro ul li{

	width: 100%;

	height: 45px;

	line-height: 45px;

	position: relative;

}

.content .left-pro ul li:after{

	content: "";

	width: 25px;

	height: 16px;

	position: absolute;

	left: 30px;

	background: url(../images/icon01.png)no-repeat center;

	top: 50%;

	margin-top: -8px;

}

.content .left-pro ul li a{

	display: block;

	margin-left: 70px;

	color:#fff;

	font-size: 16px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.content .left-pro ul li:hover{

	background: #cc7a00;

}



.content .left-news{

	margin-top: 13px;

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #ff9900;

}

.content .left-news ul{

	width: 246px;

	padding: 10px 6px;

	margin: 0 auto;

	background: #fff;

	margin-bottom: 1px;

}



.content .left-news ul li{

	width: 100%;

	height: 40px;

	border-bottom: 1px dashed #d2d2d2;

	line-height: 40px;

	position: relative;

}

.content .left-news ul li:after{

	content: " ";

	position: absolute;

	left: 0;

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #999999;

	top: 50%;

	margin-top: -4px;

}



.content .left-news ul li a{

	display: block;

	margin-left: 15px;

	color:#555555;

	font-size: 14px;

	width: 230px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.content .left-cont{

	margin-top: 13px;

	width: 258px;

	border: 1px solid #ff9900;

	height: auto;

	overflow: hidden;

}



.content .left-cont img{

	display: block;

	width: 250px;

	margin: 4px;

}

.content .left-cont .info{

	width: 240px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

	margin-bottom: 15px;

}

.content .left-cont .info h4{

	font-size: 16px;

	color:#666666;

}



.content .left-cont .info p{

	color:#666666;

	font-size: 14px;

	line-height: 24px;

	margin-top: 10px;

}



.content .right{

	float: right;

	width: 925px;

	height: auto;

	overflow: hidden;

 

	padding-bottom:100px;

	position: relative;

}



.content .right .title-bar{

	width: 100%;

	height:40px;

	border-bottom: 3px solid #b5b5b5;

}



.content .right .title-bar .tit{

	float: left;

}



.content .right .title-bar .tit p{

	color:#333333;

	font-size: 18px;

	line-height: 40px;

	font-weight: bold;

}



.content .right  .crumbs{

	float: right;

}

.content .right  .crumbs img{

	display: block;

	float: left;

	margin-top: 9px;

}



.content .right  .crumbs p{

	font-size: 14px;

	color:#333333;

	line-height: 40px;

	float: left;

	margin-left: 10px;

}

.content .right  .crumbs a{

 	

	font-size: 14px;

	color:#333333;

 	position: relative;

	padding-right:25px;

	line-height: 40px;

	 

}

.content .right  .crumbs a:after{

	content: ">";

	position: absolute;

	right:5px;

	top: -10px;

	color:#333333;

	font-size: 14px;

}

.content .right  .crumbs a:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}



.content  .pro-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.content .pro-list ul li{

	float: left;

	width: 298px;

	height: auto;

	overflow: hidden;

	margin-left: 12px;

	border: 1px solid #d2d2d2;

	margin-bottom: 15px;

}

.content .pro-list ul li:nth-child(3n-2){

	margin-left: 0;

}

.content .pro-list ul li img{

	display: block;

	width: 290px;

 	height: 216px;

	margin: 4px;

	margin-bottom: 0;

}

.content .pro-list ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #333333;

	font-size: 15px;

}



.content .page{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: absolute;

 

}

.content .page .bd{

	display: table;

	margin: 0 auto;

	margin-top: 20px;

}

 

.content .page .bd li{
	border: 1px solid #d2d2d2;
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
	color:#333;
	float: left;
	margin: 0 5px;
}
.content .page .bd li a{
	color:#333;
	
}
.content .page .bd  .thisclass{
	background:#FF9900;
	border: 1px solid#FF9900;
	color:#fff;
}
 
.content .page .bd  select{
	border: none;
	background: none;
	outline: none;
}




/*

.content .page a{

	display: block;

 	padding: 0 30px;

	height: 48px;

	border: 1px solid #e3e3e3;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	text-align: center;

	line-height: 48px;

	color:#333;

	border-radius: 10px;

}

.content .page .on{

	background: #ffa511;

	color:#fff;

}
*/


.news-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}



.news-list ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 5px;

	padding: 8px 0;

	background: #eeeeee;

}



.news-list ul li span{

	display: block;

	color:#333333;

	font-size: 36px;

	float: left;

	width: 65px;

	text-align: center;

	line-height: 65px;

	height: 65px;

	border-right: 1px solid #acacac;

}



.news-list ul li .info{

	width: 810px;

	height: auto;

	overflow: hidden;

	margin-left: 20px;

	margin-top: 3px;

	float: left;

}



.news-list ul li .info h4{

	font-size: 18px;

	color:#333333;

	float: left;

	font-weight: normal;

	width: 620px;

	white-space: nowrap;

	line-height: 30px;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news-list ul li .info p{

	display: block;

	float: right;

	line-height: 30px;

	color:#999999;

}



.news-list ul li .info b{

	float: left;

	width: 100%;

	font-size: 13px;

	color:#999999;

	font-weight: normal;

	  white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	margin-top: 5px;

}

.news-list ul li:hover h4{

	color:#ff9900;

}



.about-article{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.about-article img{

	display: block;

}



.about-article .article{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}



.about-article .article p{

	color:#333333;

	font-size: 16px;

	line-height: 36px;

}


.pro-article{

	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;

}

.pro-article .p_c{ text-align:center; font-size:15px; color:#555; background:#eee; padding:10px 0; border-bottom:1px solid #ccc;}
.pro-article .p_c a{color:#555;}
.pro-article h2{line-height:48px;}

.pro-article .pic-intro{

	width: 100%;
	height: auto;
	overflow: hidden;

}



.pro-article .pic-intro .pic img{

	float: left;
	width: 488px;
	height: 368px;
	margin: 4px;
	border: 1px solid #d2d2d2;

}



.pro-article .pic-intro .pic {

	width: 498px;
	height: auto;
	overflow: hidden;
	border: 1px solid #ff9900;
	float: left;

}



.pro-article .pic-intro .intro{

	width:350px;
	padding: 30px;
	float: right;
	height: auto;
	overflow: hidden;
	background: #ff9900;

}



.pro-article .pic-intro .intro .info{

	width: 100%;
	height:265px;
	overflow:height;

}

.pro-article .pic-intro .intro .info p{

	color:#fff;
	font-size: 16px;
	line-height: 36px;

}

.pro-article .pic-intro .intro a{

	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color:#8c5400;
	margin-top:15px;
	border-top: 1px solid #c87800;
	border-bottom: 1px solid #c87800;

}



.pro-article .article {

	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;

}



.pro-article .article p{

	color:#333333;
	font-size: 18px;
	height: auto;
	overflow: hidden;
	line-height: 36px;
	margin-bottom: 20px;

}

.pro-article .article  span{

	display: block;
	float: right;
	width: 835px;

}



.article-page{

	width: 100%;
	height: auto;
	overflow: hidden;
	border: 1px solid #d2d2d2;
	position: absolute;
	box-sizing: border-box;
	bottom: 0;

}



.article-page span{

	display: block;
	width: 240px;
	text-align: center;
	border-right: 1px solid #d2d2d2;
	float: left;
    line-height: 60px;
	font-size: 16px;
	color:#999999;
	padding: 0 20px;
	 white-space: nowrap; 
	 overflow: hidden; 
	 text-overflow: ellipsis;
}

.article-page span a{line-height: 60px;font-size: 16px;color:#999999;}

.article-page  p{float: right;}

.article-page  p a{

	border-left: 1px solid #d2d2d2;
	border-right: none;
    line-height: 60px;
	font-size: 16px;
	color:#999999;
	display: block;
    padding: 0 20px;
}





.cont-article{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.cont-article .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.cont-article .pic img{

	display: block;

	width: 100%;

}

.cont-article .map{

	float: left;

	width: 516px;

	height: 416px;

	border: 2px solid #d2d2d2;

	margin-top: 15px;

}



.cont-article .info{

	float: right;

	width: 390px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-top: 15px;

}

.cont-article .info .t{

	width: 100%;

	height: auto;

	border-bottom: 1px solid #d2d2d2;

	overflow: hidden;

	line-height: 30px;

}



.cont-article .info .t p{

	color:#ff9900;

	font-size: 18px;

	margin-left: 15px;

	font-weight: bold;

}



.cont-article .info ul li{

	width: 100%;

	height: 87px;

	margin-top: 9px;
	display: flex;
	justify-content: flex-start;
	align-items: center;

	border-bottom: 1px solid #d2d2d2;

}



.cont-article .info ul li img{

	display: block;

	float: left;

}



.cont-article .info ul li  p{

	float: left;

	font-size: 16px;

	 

	color:#333333;

	margin-left: 20px;

	width: 290px;

}



.float{  
	position:fixed; 
	bottom:200px; 
	right: 0
}
.float a{
	display:block;
	width: 100%;
	height: 100%
}
.float img{ 
	display: block;
	height: 120px;
}